<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!-- div.box3 -->
    <div class="box3"></div>
    <!-- div.box3#abc -->
    <div class="box3" id="abc"></div>
    <div id="abcd"></div>
    <div id="abcd"></div>
    <!-- div.box.box1.box2#abcd -->
    <div class="box box1 box2" id="abcd"></div>
    <div class="box" title="这是一个盒子"></div>
    <!-- div.box[title="这是一个盒子" name="cde"]         -->
    <a class="bd" href="http://baidu.com" target="_blank">百度一下</a>
    <!-- a.bd[href="http://baidu.com" target="_balack"]{百度一下}  -->
    <a href="http://baidu.com" class="bd" target="_balack">百度一下</a>
    <ul class="menu">
        <li class="item"></li>
        <li class="item"></li>
        <li class="item">



        </li>
        <li class="item"></li>
        <li class="item"></li>
    </ul>

    <!-- ul.menu>li.item*5 -->
    <ul class="menu">
        <li class="item">

        </li>
        <li class="item"></li>
        <li class="item"></li>
        <li class="item"></li>
        <li class="item"></li>
        </ul一 <!-- ul.menu>li.item*5>a[href="baidu.com"]{百度一下} -->
        <ul class="menu">
            <li class="item"><a href="baidu.com">百度二下

                </a>
            </li>
            <li class="item"><a href="baidu.com">百度二下</a></li>
            <li class="item"><a href="baidu.com">百度二下</a></li>
            <li class="item"><a href="baidu.com">百度二下</a></li>
            <li class="item"><a href="baidu.com">百度二下</a></li>
        </ul>

        <!-- ctrl+ s 保存 -->
        <!-- alt + shift + f 快速整理代码 -->
        <!-- ctrl + / 快速注释 -->
        <!-- ctrl + z  撤销-->
        <!-- ctrl + x 剪切 -->
        <a class="abc"></a>




</body>

</html>